@charset "utf-8";

/***
 *	SHOP++ Shop Style
 *
 *	http://www.shopxx.net
 *
 *	Copyright © 2010 shopxx.net All Rights Reserved.
 **/

/* ---------- Header ---------- */

.header {
	height: 155px;
	background: url(../images/header_bg.png) center 15px no-repeat;
}

.header .headerTop {
	height: 28px;
	line-height: 25px;
	clear: both;
	color: #1f1f1f;
	background: url(../images/header_x_bg.png) 0px 0px repeat-x;
}

.header .headerTop a {
	color: #6b6b6b;
}

.header .headerTop a:hover {
	color: #fb6400;
}

.header .headerTop .headerTopContent {
	width: 1000px;
	margin: 0px auto;
}

.header .headerTop .headerLoginInfo {
	float: left;
}

.header #headerShowLoginWindow, .header #headerMemberCenter, .header #headerShowRegisterWindow, .header #headerLogout {
	display: none;
}

.header #headerLoginMemberUsername {
	color: #ff662b;
}

.header .headerTopNav {
	float: right;
	color: #bfbfbf;
}

.header .headerMiddle {
	width: 1000px;
	height: 80px;
	margin: 0px auto;
	clear: both;
	position: relative;
}

.header .headerInfo {
	color: #111111;
	position: absolute;
	top: 12px;
	right: 10px;
}

.header .headerInfo strong {
	font-size: 16px;
	color: #000000;
}

.header .headerLogo {
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}

.header .headerSearch {
	width: 730px;
	height: 29px;
	float: right;
	margin-top: 44px;
	padding: 8px 0px 0px 8px;
	background: url(../images/header_bg.png) 0px -180px no-repeat;
}

.header .headerSearchText {
	width: 205px;
	height: 23px;
	line-height: 23px;
	float: left;
	padding-left: 25px;
	overflow: hidden;
	background: url(../images/header_bg.png) 0px -240px no-repeat;
}

.header .headerSearchText input {
	width: 200px;
	height: 12px;
	line-height: 12px;
	padding: 5px 3px 5px 3px;
	padding: 6px 3px 4px 3px\0;
	font-size: 12px;
	color: #999999;
	border: none;
	background: none;
}

.header .headerSearchButton {
	width: 51px;
	height: 23px;
	line-height: 23px;
	display: block;
	float: left;
	cursor: pointer;
	border: none;
	background: url(../images/header_bg.png) -230px -240px no-repeat;
}

.header .hotKeyword {
	line-height: 23px;
	float: left;
	padding-left: 15px;
}

.header .hotKeyword a {
	padding-left: 5px;
}

.header .headerBottom {
	width: 1000px;
	height: 38px;
	margin: 0px auto;
	clear: both;
	position: relative;
	z-index: 10;
}

.header .cartItemListButton {
	width: 94px;
	height: 23px;
	position: absolute;
	z-index: 10;
	top: 6px;
	right: 66px;
	cursor: pointer;
	border: none;
	background: url(../images/header_bg.png) -360px -240px no-repeat;
}

.header .orderButton {
	width: 46px;
	height: 23px;
	position: absolute;
	z-index: 10;
	top: 6px;
	right: 20px;
	cursor: pointer;
	border: none;
	background: url(../images/header_bg.png) -454px -240px no-repeat;
}

.header .headerMiddleNav {
	width: 1000px;
	height: 38px;
	clear: both;
}

.header .headerMiddleNavLeft {
	height: 38px;
	width: 10px;
	float: left;
	background: url(../images/header_bg.png) -300px -240px no-repeat;
}

.header .headerMiddleNavContent {
	height: 38px;
	width: 980px;
	float: left;
	background: url(../images/header_x_bg.png) 0px -30px repeat-x;
}

.header .headerMiddleNavContent li {
	height: 38px;
	line-height: 34px;
	float: left;
	padding: 0px 15px;
}

.header .headerMiddleNavContent li a {
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #ffffff;
}

.header .headerMiddleNavContent li:hover {
	background: url(../images/header_nav_a_hover.gif) center no-repeat;
}

.header .headerMiddleNavRight {
	height: 38px;
	width: 10px;
	float: right;
	background: url(../images/header_bg.png) -330px -240px no-repeat;
}

/* ---------- Register ---------- */

.registerWindow .dialogContent {
	padding: 10px;
	margin: 0px;
}

.registerWindow table {
	width: 100%;
}

.registerWindow th {
	width: 130px;
	line-height: 35px;
	padding-right: 10px;
	text-align: right;
	font-weight: normal;
}

.registerWindow td {
	line-height: 35px;
	text-align: left;
}

.registerWindow .registerWindowCaptcha {
	width: 95px;
	margin-right: 5px;
	text-transform: uppercase;
}

.registerWindow .registerWindowCaptchaImage {
	vertical-align: middle;
	cursor: pointer;
}

.agreementWindow .dialogContent {
	padding: 5px;
	margin: 0px;
	overflow: hidden;
}

.agreementWindow .agreementWindowContent {
	width: 486px;
	height: 260px;
	line-height: 20px;
	clear: both;
	text-align: left;
	color: #6f6f6f;
	border: 1px solid #e0e5e9;
	padding: 10px;
	overflow-y: scroll;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #d2e5f4;
	scrollbar-highlight-color: #d2e5f4;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #d2e5f4;
}

/* ---------- Login ---------- */

.loginWindow .dialogContent {
	padding: 10px;
	margin: 0px;
}

.loginWindow table {
	width: 100%;
}

.loginWindow th {
	width: 100px;
	line-height: 35px;
	padding-right: 10px;
	text-align: right;
	font-weight: normal;
}

.loginWindow td {
	line-height: 35px;
	text-align: left;
}

.loginWindow .loginWindowCaptcha {
	width: 95px;
	margin-right: 5px;
	text-transform: uppercase;
}

.loginWindow .loginWindowCaptchaImage {
	vertical-align: middle;
	cursor: pointer;
}

.login .body {
	width: 1000px;
	margin: 0px auto;
	text-align: center;
}

.login .loginDetail {
	width: 500px;
	margin: 0px auto;
}

.login .loginDetail .top {
	width: 455px;
	height: 41px;
	line-height: 38px;
	clear: both;
	padding-top: 4px;
	padding-left: 45px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #515151;
	overflow: hidden;
	background: url(../images/login_bg.gif) no-repeat 0px 0px;
}

.login .loginDetail .middle {
	width: 500px;
	clear: both;
	padding-top: 10px;
	text-align: center;
	background: url(../images/login_y_bg.gif) repeat-y 0px 0px;
}

.login .loginDetail .bottom {
	width: 500px;
	height: 60px;
	clear: both;
	overflow: hidden;
	background: url(../images/login_bg.gif) no-repeat 0px -60px;
}

.login .loginDetail table {
	width: 100%;
}

.login .loginDetail th {
	width: 160px;
	line-height: 35px;
	padding-right: 10px;
	text-align: right;
	font-weight: normal;
}

.login .loginDetail td {
	line-height: 35px;
	text-align: left;
}

.login .loginDetail .captcha {
	width: 95px;
	margin-right: 1px;
	text-transform: uppercase;
}

.login .loginDetail .captchaImage {
	vertical-align: middle;
	cursor: pointer;
}

/* ---------- Footer ---------- */

.footer {
	clear: both;
	padding-top: 4px;
	background: url(../images/footer_x_bg.gif) 0px 0px repeat-x;
}

.footer .bottomNavigation {
	width: 1000px;
	margin: 0px auto;
}

.footer .bottomNavigation dl {
	width: 230px;
	line-height: 25px;
	float: left;
	padding-left: 10px;
	text-align: left;
}

.footer .bottomNavigation dl dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}

.footer .footerInfo {
	width: 1000px;
	line-height: 30px;
	margin: 5px auto;
	clear: both;
	text-align: center;
	border-top: 1px solid #e6e6e6;
}

.footer .footerInfo ul {
	clear: both;
}

.footer .footerInfo ul li {
	display: inline;
}

.footer .footerInfo ul li a {
	margin: 0px 10px;
}

.footer .systemName {
	color: #000000;
	font-weight: bold;
}

.footer .systemName span {
	color: #ff6600;
}

/* ---------- FriendLink ---------- */

.friendLink {
	clear: both;
}

.friendLink .pictureFriendLink {
	clear: both;
}

.friendLink .pictureFriendLink .left {
	width: 10px;
	height: 40px;
	float: left;
	background: url(../images/friend_link_bg.gif) 0px 0px no-repeat;
}

.friendLink .pictureFriendLink .middle {
	width: 980px;
	height: 32px;
	line-height: 32px;
	float: left;
	padding: 4px 0px;
	overflow: hidden;
	text-align: left;
	background: url(../images/friend_link_x_bg.gif) 0px 0px repeat-x;
}

.friendLink .pictureFriendLink .middle li {
	display: inline;
	float: left;
	margin: 0px 17px;
}

.friendLink .pictureFriendLink .middle li img {
	width: 88px;
	height: 31px;
}

.friendLink .pictureFriendLink .right {
	width: 10px;
	height: 40px;
	float: right;
	background: url(../images/friend_link_bg.gif) -30px 0px no-repeat;
}

.friendLink .textFriendLink {
	clear: both;
}

.friendLink .textFriendLink .left {
	width: 10px;
	height: 40px;
	float: left;
	background: url(../images/friend_link_bg.gif) 0px -60px no-repeat;
}

.friendLink .textFriendLink .middle {
	width: 980px;
	height: 40px;
	line-height: 40px;
	float: left;
	overflow: hidden;
	text-align: left;
	background: url(../images/friend_link_x_bg.gif) 0px -60px repeat-x;
}

.friendLink .textFriendLink .middle li {
	display: inline;
	float: left;
	margin: 0px 17px;
}

.friendLink .textFriendLink .middle li a {
	color: #9b9b9b;
}

.friendLink .textFriendLink .middle li a:hover {
	color: #ea6210;
}

.friendLink .textFriendLink .right {
	width: 10px;
	height: 40px;
	float: right;
	background: url(../images/friend_link_bg.gif) -30px -60px no-repeat;
}

/* ---------- Index ---------- */

.index .body {
	width: 1000px;
	margin: 0px auto;
}

.index .bodyLeft {
	width: 210px;
	float: left;
}

.index .bodyRight {
	width: 780px;
	float: right;
}

.index .slider {
	width: 778px;
	height: 260px;
	clear: both;
	overflow: hidden;
	border: 1px solid #dddddd;
}

.index .slider .scrollable {
	width: 778px;
	height: 260px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.index .slider .items {
	width: 20000em;
	position: absolute;
	z-index: 1;
	clear: both;
}

.index .slider .scrollable .items div {
	width: 998px;
	float: left;
}

.index .slider .scrollable .navi {
	height: 10px;
	margin: 0px 10px;
	position: absolute;
	z-index: 2;
	right: 50px;
	bottom: 12px;
}

.index .slider .scrollable .navi a {
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 5px;
	display: block;
	outline: none;
	overflow: hidden;
	background: url(../images/index_slider_navi_bg.gif) -1px -40px no-repeat;
}

.index .slider .scrollable .navi a:hover {
	background-position: -1px -60px;
}

.index .slider .scrollable .navi a.active {
	background-position: -1px -60px;
}

.index .slider .scrollable .prevNext {
	height: 15px;
	width: 40px;
	position: absolute;
	z-index: 2;
	right: 10px;
	bottom: 10px;
	display: block;
	float: left;
}

.index .slider .scrollable a.browse {
	height: 15px;
	width: 20px;
	display: block;
	float: left;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/index_slider_navi_bg.gif) no-repeat;
}

.index .slider .scrollable a.right {
	background-position: -21px 0px;
}

.index .slider .scrollable .right:hover {
	background-position: -21px -19px;
}

.index .slider .scrollable .left:hover {
	background-position: 0px -19px;
}

.index .slider .scrollable a.disabled {
	visibility: hidden !important;
}

.index .hotGoodsSlider {
	width: 778px;
	height: 196px;
	clear: both;
	position: relative;
	overflow: hidden;
	border: 1px solid #dddddd;
}

.index .hotGoodsSlider .title {
	width: 770px;
	height: 25px;
	line-height: 25px;
	clear: both;
	padding-left: 8px;
	text-align: left;
	color: #b983e2;
	font-size: 14px;
	font-weight: bold;
}

.index .hotGoodsSlider .title strong {
	margin-right: 5px;
	color: #333333;
}

.index .hotGoodsSlider .scrollable {
	width: 700px;
	height: 196px;
	float: left;
	overflow: hidden;
	position: relative;
}

.index .hotGoodsSlider a.prev {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-top: 60px;
	margin-right: 9px;
	cursor: pointer;
	background: url(../images/index_bg.gif) 0px 0px no-repeat;
}

.index .hotGoodsSlider a.prev:hover {
	background: url(../images/index_bg.gif) -30px 0px no-repeat;
}

.index .hotGoodsSlider a.next {
	width: 30px;
	height: 30px;
	display: block;
	float: right;
	margin-top: 60px;
	margin-left: 9px;
	cursor: pointer;
	background: url(../images/index_bg.gif) -60px 0px no-repeat;
}

.index .hotGoodsSlider a.next:hover {
	background: url(../images/index_bg.gif) -90px 0px no-repeat;
}

.index .hotGoodsSlider .items {
	width: 20000em;
	position: absolute;
	clear: both;
}

.index .hotGoodsSlider .scrollable .items div {
	width: 700px;
	float: left;
}

.index .hotGoodsSlider .scrollable .items li {
	width: 162px;
	height: 150px;
	_display: inline;
	float: left;
	margin: 0px 6px;
	text-align: center;
	position: relative;
}

.index .hotGoodsSlider .scrollable .items li img {
	width: 140px;
	height: 140px;
	clear: both;
	padding: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	border: 1px solid #e2e2e2;
}

.index .hotGoodsSlider .scrollable .items li p {
	width: 140px;
	line-height: 25px;
	margin-left: 11px;
	clear: both;
	color: #ffffff;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	background-color: #000000;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

.index .newGoods {
	width: 998px;
	height: 208px;
	clear: both;
	overflow: hidden;
	border: 1px solid #dddddd;
}

.index .newGoods .left {
	width: 217px;
	height: 158px;
	float: left;
	padding-top: 50px;
	text-align: center;
	background: url(../images/index_bg.gif) 0px -30px no-repeat;
}

.index .newGoods .left li {
	line-height: 29px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
}

.index .newGoods .left li:hover {
	background: url(../images/index_bg.gif) 0px -240px no-repeat;
}

.index .newGoods .left li.current {
	background: url(../images/index_bg.gif) 0px -240px no-repeat;
}

.index .newGoods .right {
	width: 781px;
	float: right;
	position: relative;
}

.index .newGoods .right ul {
	position: absolute;
	top: 10px;
	left: 0px;
}

.index .newGoods .right li {
	width: 140px;
	height: 166px;
	_display: inline;
	float: left;
	padding: 10px;
	margin: 0px 15px;
	text-align: center;
	border: 1px solid #ededed;
}

.index .newGoods .right li p {
	line-height: 25px;
	clear: both;
}

.index .newGoods .right li img {
	width: 140px;
	height: 140px;
}

.index .bestGoods {
	width: 780px;
	clear: both;
}

.index .bestGoods .top {
	width: 770px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #b983e2;
	background: url(../images/index_bg.gif) 0px -300px no-repeat;
}

.index .bestGoods .top strong {
	margin-right: 5px;
	color: #333333;
}

.index .bestGoods .middle {
	width: 778px;
	clear: both;
	overflow: hidden;
	padding: 5px 0px 19px 0px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}

.index .bestGoods li {
	width: 140px;
	height: 176px;
	_display: inline;
	float: left;
	padding: 10px;
	margin: 0px 15px 25px 15px;
	text-align: center;
	border: 1px solid #ededed;
}

.index .bestGoods li img {
	width: 140px;
	height: 140px;
}

.index .bestGoods li p {
	line-height: 20px;
	clear: both;
}

.index .bestGoods .bottom {
	width: 780px;
	height: 7px;
	clear: both;
	overflow: hidden;
	background: url(../images/index_bg.gif) 0px -360px no-repeat;
}

/* ---------- Goods ---------- */

.bodyLeft .goodsCategory {
	width: 210px;
	clear: both;
}

.bodyLeft .goodsCategory .top {
	width: 200px;
	height: 27px;
	line-height: 27px;
	padding-top: 2px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	clear: both;
	background: url(../images/goods_bg.gif) 0px 0px no-repeat;
}

.bodyLeft .goodsCategory .middle {
	width: 210px;
	clear: both;
	overflow: hidden;
	background: url(../images/goods_y_bg.gif) 0px 0px repeat-y;
}

.bodyLeft .goodsCategory .menu li {
	width: 200px;
	height: 27px;
	line-height: 27px;
	float: left;
	padding: 0px 5px;
	font-size: 12px;
	color: #333333;
}

.bodyLeft .goodsCategory .menu li:hover {
	background: url(../images/goods_bg.gif) 0px -90px no-repeat;
}

.bodyLeft .goodsCategory .menu li.mainCategory {
	width: 200px;
	height: 27px;
	line-height: 27px;
	clear: both;
	padding-left: 10px;
	margin: 5px 0px;
	font-size: 14px;
	background: url(../images/goods_bg.gif) 0px -60px no-repeat;
}

.bodyLeft .goodsCategory .menu li.mainCategory a:hover {
	color: #ff6600;
}

.bodyLeft .goodsCategory .menu li .icon {
	width: 25px;
	height: 27px;
	line-height: 27px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) 0px -270px no-repeat;
}

.bodyLeft .goodsCategory .menu li a {
	color: #333333;
}

.bodyLeft .goodsCategory .bottom {
	width: 210px;
	height: 9px;
	clear: both;
	overflow: hidden;
	background: url(../images/goods_bg.gif) 0px -30px no-repeat;
}

.bodyLeft .hotGoods {
	width: 210px;
	clear: both;
}

.bodyLeft .hotGoods .top {
	height: 29px;
	line-height: 29px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
	clear: both;
	background: url(../images/goods_bg.gif) 0px -120px no-repeat;
}

.bodyLeft .hotGoods .middle {
	clear: both;
	background: url(../images/goods_y_bg.gif) -210px 0px repeat-y;
}

.bodyLeft .hotGoods li {
	line-height: 29px;
	padding-right: 3px;
	margin: 0px 4px 0px 1px;
	clear: both;
	border-top: 1px dashed #e8e8e8;
}

.bodyLeft .hotGoods .number2, .bodyLeft .hotGoods .number4, .bodyLeft .hotGoods .number6, .bodyLeft .hotGoods .number8, .bodyLeft .hotGoods .number10 {
	background-color: #f8f8f8;
}

.bodyLeft .hotGoods .number1 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) 0px -240px no-repeat;
}

.bodyLeft .hotGoods .number2 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -30px -240px no-repeat;
}

.bodyLeft .hotGoods .number3 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -60px -240px no-repeat;
}

.bodyLeft .hotGoods .number4 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -90px -240px no-repeat;
}

.bodyLeft .hotGoods .number5 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -120px -240px no-repeat;
}

.bodyLeft .hotGoods .number6 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -150px -240px no-repeat;
}

.bodyLeft .hotGoods .number7 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -180px -240px no-repeat;
}

.bodyLeft .hotGoods .number8 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -210px -240px no-repeat;
}

.bodyLeft .hotGoods .number9 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -240px -240px no-repeat;
}

.bodyLeft .hotGoods .number10 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -270px -240px no-repeat;
}

.bodyLeft .hotGoods .bottom {
	height: 5px;
	clear: both;
	overflow: hidden;
	background: url(../images/goods_bg.gif) 0px -150px no-repeat;
}

.bodyLeft .goodsHistory {
	width: 210px;
	clear: both;
}

.bodyLeft .goodsHistory .top {
	height: 29px;
	line-height: 29px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
	clear: both;
	background: url(../images/goods_bg.gif) 0px -180px no-repeat;
}

.bodyLeft .goodsHistory .middle {
	clear: both;
	background: url(../images/goods_y_bg.gif) -420px 0px repeat-y;
}

.bodyLeft .goodsHistory li {
	line-height: 29px;
	padding-right: 3px;
	margin: 0px 4px 0px 1px;
	clear: both;
	border-top: 1px dashed #ffe7cd;
}

.bodyLeft .goodsHistory li .icon {
	width: 18px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -30px -270px no-repeat;
}

.bodyLeft .goodsHistory .bottom {
	height: 5px;
	clear: both;
	overflow: hidden;
	background: url(../images/goods_bg.gif) 0px -210px no-repeat;
}

.bodyRight .listBar {
	height: 29px;
	clear: both;
}

.bodyRight .listBar .left {
	width: 3px;
	height: 29px;
	float: left;
	background: url(../images/goods_bg.gif) 0px -300px no-repeat;
}

.bodyRight .listBar .middle {
	width: 774px;
	height: 29px;
	float: left;
	background: url(../images/goods_x_bg.gif) 0px 0px repeat-x;
}

.bodyRight .listBar .path {
	float: left;	
}

.bodyRight .listBar .path a {
	margin: 0px 2px;
}

.bodyRight .listBar .path .icon {
	width: 18px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_bg.gif) -60px -270px no-repeat;
}

.bodyRight .listBar .total {
	line-height: 29px;
	float: right;
	padding-right: 5px;
	color: #656d77;
}

.bodyRight .listBar .right {
	width: 3px;
	height: 29px;
	float: right;
	background: url(../images/goods_bg.gif) -30px -300px no-repeat;
}

/* ---------- GoodsList ---------- */

.goodsList .body {
	width: 1000px;
	margin: 0px auto;
}

.goodsList .bodyLeft {
	width: 210px;
	float: left;
}

.goodsList .bodyRight {
	width: 780px;
	float: right;
}

.goodsList .filter {
	clear: both;
	padding: 8px;
	border: 1px solid #f5dec4;
	background-color: #fff5f5;
}

.goodsList .filter dl {
	width: 762px;
	line-height: 28px;
	clear: both;
	border-bottom: 1px dotted #e7cda1;
}

.goodsList .filter dt {
	width: 80px;
	float: left;
	overflow: hidden;
	text-align: right;
	color: #666666;
}

.goodsList .filter dd {
	width: 680px;
	float: right;
	white-space: nowrap;
	overflow: hidden;
}

.goodsList .filter dd div {
	float: left;
	padding: 0px 8px;
}

.goodsList .filter dd a {
	color: #2b57a1;
}

.goodsList .filter dd a:hover {
	color: #000000;
	text-decoration: underline;
}

.goodsList .filter dd a.current {
	color: #ffffff;
	background-color: #4598d2;
}

.goodsList .filter dd a.current:hover {
	color: #ffffff;
	text-decoration: none;
}

.goodsList .filter dd input {
	width: 100px;
	height: 14px;
	line-height: 14px;
	float: left;
	padding: 3px;
	margin: 3px 0px;
	border-top: 1px solid #999999;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #999999;
}

.goodsList .filter dd input:hover {
	border: 1px solid #ff9b1f;
	background-color: #fefbf7;
}

.goodsList .filter .buttonArea {
	clear: both;
	padding: 8px 0px 0px 120px;
}

.goodsList .filter .buttonArea input {
	width: 90px;
	height: 24px;
	line-height: 24px;
	padding-left: 12px;
	text-align: left;
	outline: none;
	cursor: pointer;
	color: #555555;
	font-size: 12px;
	outline: none;
	border: none;
	background: url(../images/goods_list_bg.gif) -210px -30px no-repeat;
}

.goodsList .operateBar {
	height: 30px;
	clear: both;
}

.goodsList .operateBar .left {
	width: 3px;
	height: 30px;
	float: left;
	background: url(../images/goods_list_bg.gif) 0px 0px no-repeat;
}

.goodsList .operateBar .middle {
	width: 774px;
	height: 30px;
	float: left;
	background: url(../images/goods_list_x_bg.gif) 0px 0px repeat-x;
}

.goodsList .operateBar .pictureIcon {
	width: 25px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	margin-right: 3px;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_list_bg.gif) 0px -30px no-repeat;
}

.goodsList .operateBar .pictureDisabledIcon {
	width: 25px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	margin-right: 3px;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_list_bg.gif) -30px -30px no-repeat;
}

.goodsList .operateBar .tableIcon {
	width: 25px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	margin-right: 3px;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_list_bg.gif) -60px -30px no-repeat;
}

.goodsList .operateBar .tableDisabledIcon {
	width: 25px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	margin-right: 3px;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_list_bg.gif) -90px -30px no-repeat;
}

.goodsList .operateBar .separator {
	width: 11px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/goods_list_bg.gif) -60px 0px no-repeat;
}


.goodsList .operateBar .right {
	width: 3px;
	height: 30px;
	float: right;
	background: url(../images/goods_list_bg.gif) -30px 0px no-repeat;
}

.goodsList .goodsPictureList {
	clear: both;
}

.goodsList .goodsPictureList .goodsListDetail li {
	width: 173px;
	height: 230px;
	float: left;
	padding: 4px;
	margin-right: 16px;
	margin-bottom: 16px;
	text-align: center;
	border: 1px solid #d8d8d8;
}

.goodsList .goodsPictureList .goodsListDetail li:hover {
	border: 1px solid #fdd57b;
}

.goodsList .goodsPictureList .goodsListDetail li.end {
	margin-right: 0px;
}

.goodsList .goodsPictureList .goodsListDetail li.noRecord {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 5px 0px;
	clear: both;
	color: #999999;
	font-size: 14px;
	text-align: center;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #cccccc;
}

.goodsList .goodsPictureList .goodsListDetail li.noRecord:hover {
	border-top: none;
}

.goodsList .goodsPictureList .goodsListDetail .goodsImage {
	width: 170px;
	height: 170px;
	display: block;
	clear: both;
}

.goodsList .goodsPictureList .goodsListDetail .goodsImage img {
	width: 140px;
	height: 140px;
}

.goodsList .goodsPictureList .goodsListDetail .goodsTitle {
	height: 32px;
	clear: both;
	text-align: center;
}

.goodsList .goodsPictureList .goodsListDetail .goodsBottom {
	line-height: 25px;
	clear: both;
}

.goodsList .goodsPictureList .goodsListDetail .goodsPrice {
	line-height: 15px;
	float: left;
	text-align: left;
}

.goodsList .goodsPictureList .goodsListDetail .goodsPrice .price {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #ff662b;
	clear: both;
}

.goodsList .goodsPictureList .goodsListDetail .goodsPrice .marketPrice {
	font-size: 10px;
	color: #999999;
	text-decoration: line-through;
}

.goodsList .goodsPictureList .goodsListDetail .buttonArea {
	float: right;
	padding-top: 3px;
}

.goodsList .goodsPictureList .goodsListDetail .buttonArea .addCartItemButton {
	width: 37px;
	height: 25px;
	line-height: 25px;
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
	color: #666666;
	cursor: pointer;
	outline: none;
	border: none;
	background: url(../images/goods_list_bg.gif) -90px 0px no-repeat;
}

.goodsList .goodsPictureList .goodsListDetail .buttonArea .addCartItemButton:hover {
	background: url(../images/goods_list_bg.gif) -210px 0px no-repeat;
}

.goodsList .goodsPictureList .goodsListDetail .buttonArea .addFavoriteButton {
	width: 37px;
	height: 25px;
	line-height: 25px;
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
	color: #666666;
	cursor: pointer;
	outline: none;
	border: none;
	background: url(../images/goods_list_bg.gif) -129px 0px no-repeat;
}

.goodsList .goodsPictureList .goodsListDetail .buttonArea .addFavoriteButton:hover {
	background: url(../images/goods_list_bg.gif) -249px 0px no-repeat;
}

.goodsList .goodsTableList .goodsListDetail li {
	height: 150px;
	clear: both;
	padding-bottom: 12px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dddddd;
}

.goodsList .goodsTableList .goodsListDetail li.noRecord {
	width: 100%;
	height: 30px;
	line-height: 30px;
	clear: both;
	color: #999999;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}

.goodsList .goodsTableList .goodsListDetail .goodsImage {
	width: 140px;
	height: 140px;
	display: block;
	float: left;
	padding: 3px;
	margin-right: 20px;
	border: 1px solid #dddddd;
}

.goodsList .goodsTableList .goodsListDetail .goodsImage:hover {
	border: 1px solid #fdd57b;
}

.goodsList .goodsTableList .goodsListDetail .goodsImage img {
	width: 140px;
	height: 140px;
}

.goodsList .goodsTableList .goodsListDetail .goodsTitle {
	float: left;
	font-weight: bold;
}

.goodsList .goodsTableList .goodsListDetail .goodsRight {
	width: 170px;
	float: right;
	padding-top: 45px
}

.goodsList .goodsTableList .goodsListDetail .goodsPrice .price {
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #ff662b;
}

.goodsList .goodsTableList .goodsListDetail .goodsPrice .marketPrice {
	font-size: 12px;
	color: #999999;
	text-decoration: line-through;
}

.goodsList .goodsTableList .goodsListDetail .buttonArea {
	clear: both;
	padding-top: 8px;
}

.goodsList .goodsTableList .goodsListDetail .buttonArea .addCartItemButton {
	width: 60px;
	height: 25px;
	line-height: 25px;
	display: block;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #666666;
	cursor: pointer;
	border: none;
	background: url(../images/goods_list_bg.gif) 0px -60px no-repeat;
}

.goodsList .goodsTableList .goodsListDetail .buttonArea .addFavoriteButton {
	width: 60px;
	height: 25px;
	line-height: 25px;
	display: block;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #666666;
	cursor: pointer;
	outline: none;
	border: none;
	background: url(../images/goods_list_bg.gif) -60px -60px no-repeat;
}

/* ---------- GoodsContent ---------- */

.goodsContent .body {
	width: 1000px;
	margin: 0px auto;
}

.goodsContent .bodyLeft {
	width: 210px;
	float: left;
}

.goodsContent .bodyRight {
	width: 780px;
	float: right;
}

.goodsContent .goodsTop {
	clear: both;
}

.goodsContent .goodsTop .goodsTopLeft {
	width: 306px;
	float: left;
}

.goodsContent .goodsImage {
	width: 300px;
	height: 300px;
	padding: 2px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.goodsContent .goodsImage .nonFirst {
	display: none;
}

.goodsContent .goodsImage img {
	width: 300px;
	height: 300px;
}

.goodsContent .thumbnailGoodsImage {
	clear: both;
}

.goodsContent .thumbnailGoodsImage .prev {
	width: 10px;
	height: 44px;
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 3px;
	outline: none;
	background: url(../images/goods_content_bg.gif) -60px 0px #fafafa no-repeat;
}

.goodsContent .thumbnailGoodsImage .next {
	width: 10px;
	height: 44px;
	display: block;
	float: right;
	margin-top: 5px;
	outline: none;
	background: url(../images/goods_content_bg.gif) -90px 0px #fafafa no-repeat;
}

.goodsContent .thumbnailGoodsImage .scrollable {
	width: 280px;
	height: 49px;
	line-height: 49px;
	float: left;
	overflow: hidden;
	position: relative;
}

.goodsContent .thumbnailGoodsImage .items {
	width: 20000em;
	position: absolute;
}

.goodsContent .thumbnailGoodsImage .goodsImageTab li {
	width: 44px;
	height: 49px;
	display: block;
	float: left;
	margin: 0px 6px;
	cursor: pointer;
}

.goodsContent .thumbnailGoodsImage .goodsImageTab li.current {
	background: url(../images/goods_content_bg.gif) 0px 0px no-repeat;
}

.goodsContent .thumbnailGoodsImage .goodsImageTab li.current img {
	width: 40px;
	height: 40px;
	padding: 2px;
	border: none;
}

.goodsContent .thumbnailGoodsImage .goodsImageTab li img {
	width: 40px;
	height: 40px;
	margin-top: 5px;
	padding: 1px;
	border: 1px solid #cccccc;
}

.goodsContent .goodsTop .goodsTopRight {
	width: 460px;
	float: right;
}

.goodsContent .title {
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px dotted #a8a8a8;
	border-bottom: 1px dotted #a8a8a8;
}

.goodsContent .goodsAttribute {
	clear: both;
}

.goodsContent .goodsAttribute li {
	line-height: 25px;
	width: 50%;
	float: left;
}

.goodsContent .goodsAttribute li strong {
	color: #666666;
	font-weight: normal;
}

.goodsContent .goodsPrice {
	clear: both;
}

.goodsContent .goodsPrice .left {
	width: 90px;
	height: 72px;
	float: left;
	background: url(../images/goods_content_bg.gif) 0px -60px no-repeat;
}

.goodsContent .goodsPrice .right {
	width: 369px;
	height: 70px;
	float: right;
	border-top: 1px solid #d80e31;
	border-right: 1px solid #d80e31;
	border-bottom: 1px solid #d80e31;
}

.goodsContent .goodsPrice .right .top {
	width: 369px;
	height: 34px;
	line-height: 34px;
	clear: both;
	color: #666666;
	border-bottom: 1px dashed #cecece;
}

.goodsContent .goodsPrice .right .bottom {
	width: 369px;
	height: 35px;
	line-height: 35px;
	clear: both;
	color: #666666;
}

.goodsContent .goodsPrice .price {
	margin-right: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
}

.goodsContent .goodsPrice .marketPrice {
	color: #999999;
	text-decoration: line-through;
}

.goodsContent .buyInfo {
	width: 100%;
	clear: both;
	border: 1px solid #ffbf95;
	background-color: #fffceb;
}

.goodsContent .buyInfo:hover {
	border: 1px solid #df9a07;
}

.goodsContent .buyInfo .specificationTips {
	height: 25px;
	line-height: 25px;
}

.goodsContent .buyInfo th {
	width: 70px;
	padding: 3px 12px 3px 0px;
	text-align: right;
}

.goodsContent .buyInfo td {
	padding: 3px 5px;
}

.goodsContent .buyInfo .text li {
	line-height: 18px;
	float: left;
	padding: 0px 8px;
	margin-right: 10px;
	cursor: pointer;
	border: 1px solid #cccccc;
	background: url(../images/goods_content_x_bg.gif) 0px -30px repeat-x;
}

.goodsContent .buyInfo .text li:hover {
	border: 1px solid #ff6600;
}

.goodsContent .buyInfo .text li.selected {
	position: relative;
	border: 1px solid #ff6600;
}

.goodsContent .buyInfo .text li.selected span {
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	right: -1px;
	bottom: -1px;
	background: url(../images/goods_content_bg.gif) -120px 0px no-repeat;
}

.goodsContent .buyInfo .text li.notAllowed {
	cursor: not-allowed;
	color: #cccccc;
	border: 1px dotted #666666;
}

.goodsContent .buyInfo .image li {
	float: left;
	padding: 1px;
	margin-right: 10px;
	cursor: pointer;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

.goodsContent .buyInfo .image li:hover {
	border: 1px solid #ff6600;
}

.goodsContent .buyInfo .image li img {
	width: 20px;
	height: 20px;
	display: block;
}

.goodsContent .buyInfo .image li.selected {
	padding: 1px;
	position: relative;
	border: 1px solid #ff6600;
}

.goodsContent .buyInfo .image li.selected span {
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	right: -1px;
	bottom: -1px;
	background: url(../images/goods_content_bg.gif) -120px 0px no-repeat;
}

.goodsContent .buyInfo .image li.notAllowed {
	cursor: not-allowed;
	color: #cccccc;
	border: 1px dotted #666666;
}

.goodsContent .buyInfo .image li.notAllowed img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.goodsContent .buyInfo input {
	width: 25px;
}

.goodsContent .buyInfo .addCartItemButton {
	width: 127px;
	height: 37px;
	display: block;
	float: left;
	cursor: pointer;
	border: none;
	background: url(../images/goods_content_bg.gif) -120px -60px no-repeat;
}

.goodsContent .buyInfo .goodsNotifyButton {
	width: 127px;
	height: 37px;
	display: block;
	float: left;
	cursor: pointer;
	border: none;
	background: url(../images/goods_content_bg.gif) -120px -100px no-repeat;
}

.goodsContent .buyInfo .addFavoriteButton {
	width: 78px;
	height: 25px;
	line-height: 25px;
	display: block;
	float: right;
	margin-top: 7px;
	font-size: 12px;
	cursor: pointer;
	outline: none;
	border: none;
	background: url(../images/goods_content_bg.gif) -300px -60px no-repeat;
}

.goodsContent .highlight {
	background: #ffffff;
}

.goodsContent .highlight .specificationTips {
	background-color: #fecfac;
}

.goodsContent .highlight .specificationTips .tipsContent {
	height: 25px;
	line-height: 25px;
	float: left;
}

.goodsContent .highlight .specificationTips .closeHighlight {
	width: 20px;
	height: 25px;
	line-height: 25px;
	float: right;
	cursor: pointer;
	background: url(../images/goods_content_bg.gif) -150px 0px no-repeat;
}

.goodsContent .highlight .addCartItemButton {
	display: none;
}

.goodsContent .highlight .goodsNotifyButton {
	display: none;
}

.goodsContent .goodsBottom {
	clear: both;
}

.goodsContent .goodsParameterTab {
	height: 26px;
	clear: both;
	background: url(../images/goods_content_x_bg.gif) 0px 0px repeat-x;
}

.goodsContent .goodsParameterTab li {
	float: left;
	margin: 0px 5px; 
}

.goodsContent .goodsParameterTab li a {
	width: 100px;
	height: 23px;
	line-height: 23px;
	display: block;
	padding-top: 3px;
	text-align: center;
	background: url(../images/goods_content_bg.gif) 0px -150px no-repeat;
}

.goodsContent .goodsParameterTab li a.current {
	width: 100px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	font-weight: bold;
	background: url(../images/goods_content_bg.gif) -120px -150px no-repeat;
}

.goodsContent .goodsIntroduction {
	width: 780px;
	clear: both;
	padding: 8px 0px; 
	overflow: hidden;
}

.goodsContent .goodsAttribute {
	clear: both;
	padding: 8px 0px; 
}

.goodsContent .goodsParameterTable {
	width: 100%;
}

.goodsContent .goodsParameterTable th {
	width: 150px;
	line-height: 30px;
	padding-right: 10px;
	text-align: right;
	border: 1px solid #d6d6d6;
	background-color: #f3f3f3;
}

.goodsContent .goodsParameterTable tr:hover th {
	background-color: #e6e6e6;
}

.goodsContent .goodsParameterTable td {
	line-height: 30px;
	padding-left: 10px;
	border: 1px solid #d6d6d6;
}

.goodsContent .comment {
	padding-top: 10px;
}

.goodsContent .comment .commentItem {
	line-height: 18px;
	padding: 5px 10px;
	word-break: break-all;
	border: 1px solid #c7dbe5;
	background-color: #ecf2f8;
}

.goodsContent .comment .commentItem .reply {
	line-height: 18px;
	padding: 5px 10px;
	margin: 3px 0px;
	word-break: break-all;
	border: 1px solid #c7dbe5;
	background-color: #ffffff;
}

.goodsContent .comment .info {
	height: 30px;
	line-height: 30px;
	clear: both;
	text-align: right;
}

.goodsContent .comment .sendTable {
	width: 100%;
	line-height: 30px;
	border: 1px solid #c7dbe5;
}

.goodsContent .comment .sendTable .title td {
	height: 30px;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	background-color: #ecf2f8;
}

.goodsContent .comment .sendTable .sendComment {
	display: none;
	font-weight: normal;
	color: red;
}

.goodsContent .comment .sendTable th {
	text-align: right;
	font-weight: normal;
}

.goodsContent .comment .sendTable td {
	padding: 5px;
}

.goodsContent .comment .sendTable .captcha {
	width: 95px;
	margin-right: 5px;
	text-transform: uppercase;
}

.goodsContent .comment .sendTable .captchaImage {
	vertical-align: middle;
	cursor: pointer;
}

/* ---------- Article ---------- */

.bodyLeft .recommendArticle {
	width: 210px;
	clear: both;
}

.bodyLeft .recommendArticle .top {
	height: 29px;
	line-height: 29px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
	clear: both;
	background: url(../images/article_bg.gif) 0px 0px no-repeat;
}

.bodyLeft .recommendArticle .middle {
	clear: both;
	background: url(../images/article_y_bg.gif) 0px 0px repeat-y;
}

.bodyLeft .recommendArticle li {
	line-height: 29px;
	padding-right: 3px;
	margin: 0px 4px 0px 1px;
	clear: both;
	border-top: 1px dashed #ffe7cd;
}

.bodyLeft .recommendArticle .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) 0px -150px no-repeat;
}

.bodyLeft .recommendArticle .bottom {
	height: 5px;
	clear: both;
	overflow: hidden;
	background: url(../images/article_bg.gif) 0px -30px no-repeat;
}

.bodyLeft .hotArticle {
	width: 210px;
	clear: both;
}

.bodyLeft .hotArticle .top {
	height: 29px;
	line-height: 29px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
	clear: both;
	background: url(../images/article_bg.gif) 0px -60px no-repeat;
}

.bodyLeft .hotArticle .middle {
	clear: both;
	background: url(../images/article_y_bg.gif) -210px 0px repeat-y;
}

.bodyLeft .hotArticle li {
	line-height: 29px;
	padding-right: 3px;
	margin: 0px 4px 0px 1px;
	clear: both;
	border-top: 1px dashed #e8e8e8;
}

.bodyLeft .hotArticle .number2, .bodyLeft .hotArticle .number4, .bodyLeft .hotArticle .number6, .bodyLeft .hotArticle .number8, .bodyLeft .hotArticle .number10 {
	background-color: #f8f8f8;
}

.bodyLeft .hotArticle .number1 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) 0px -120px no-repeat;
}

.bodyLeft .hotArticle .number2 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -30px -120px no-repeat;
}

.bodyLeft .hotArticle .number3 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -60px -120px no-repeat;
}

.bodyLeft .hotArticle .number4 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -90px -120px no-repeat;
}

.bodyLeft .hotArticle .number5 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -120px -120px no-repeat;
}

.bodyLeft .hotArticle .number6 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -150px -120px no-repeat;
}

.bodyLeft .hotArticle .number7 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -180px -120px no-repeat;
}

.bodyLeft .hotArticle .number8 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -210px -120px no-repeat;
}

.bodyLeft .hotArticle .number9 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -240px -120px no-repeat;
}

.bodyLeft .hotArticle .number10 .icon {
	width: 25px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -270px -120px no-repeat;
}

.bodyLeft .hotArticle .bottom {
	height: 5px;
	clear: both;
	overflow: hidden;
	background: url(../images/article_bg.gif) 0px -90px no-repeat;
}

.bodyRight .listBar {
	height: 29px;
	clear: both;
}

.bodyRight .listBar .left {
	width: 3px;
	height: 29px;
	float: left;
	background: url(../images/article_bg.gif) 0px -180px no-repeat;
}

.bodyRight .listBar .middle {
	width: 774px;
	height: 29px;
	float: left;
	background: url(../images/article_x_bg.gif) 0px 0px repeat-x;
}

.bodyRight .listBar .path {
	float: left;	
}

.bodyRight .listBar .path a {
	margin: 0px 2px;
}

.bodyRight .listBar .path .home {
	margin-right: 2px;
}

.bodyRight .listBar .path .icon {
	width: 18px;
	height: 29px;
	line-height: 29px;
	margin: 0px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/article_bg.gif) -30px -150px no-repeat;
}

.bodyRight .listBar .articleSearch {
	line-height: 29px;
	float: right;
	padding-top: 3px;
	padding-right: 5px;
	color: #656d77;
}

.bodyRight .listBar .articleSearch .keyword {
	width: 157px;
	height: 13px;
	line-height: 13px;
	display: block;
	padding: 4px 3px;
	float: left;
	color: #999999;
	border: 1px solid #d8d8d8;
}

.bodyRight .listBar .articleSearch .searchButton {
	width: 63px;
	height: 23px;
	line-height: 23px;
	display: block;
	float: left;
	cursor: pointer;
	border: none;
	background: url(../images/article_bg.gif) -60px -180px no-repeat;
}

.bodyRight .listBar .right {
	width: 3px;
	height: 29px;
	float: right;
	background: url(../images/article_bg.gif) -30px -180px no-repeat;
}

/* ---------- ArticleList ---------- */

.articleList .body {
	width: 1000px;
	margin: 0px auto;
}

.articleList .bodyLeft {
	width: 210px;
	float: left;
}

.articleList .bodyRight {
	width: 780px;
	float: right;
}

.articleList .articleList {
	width: 780px;
	float: right;
}

.articleList .articleList .articleListTop {
	width: 780px;
	height: 3px;
	overflow: hidden;
	clear: both;
	background: url(../images/article_list_bg.gif) 0px 0px no-repeat;
}

.articleList .articleList .articleListMiddle {
	width: 750px;
	clear: both;
	padding: 15px;
	background: url(../images/article_list_y_bg.gif) 0px 0px repeat-y;
}

.articleList .articleList .articleListDetail li {
	padding: 10px 0px;
	border-bottom: 1px solid #e9e9e9;
}

.articleList .articleList .articleListDetail li.noRecord {
	width: 100%;
	height: 30px;
	line-height: 30px;
	clear: both;
	color: #999999;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}

.articleList .articleList .articleListDetail .title {
	line-height: 30px;
	color: #204e7d;
	font-weight: bold;
	font-size: 14px;
}

.articleList .articleList .articleListDetail .author {
	padding-left: 10px;
	color: #111111;
}

.articleList .articleList .articleListDetail .createDate {
	padding-left: 10px;
	line-height: 30px;
	color: #787878;
	font-size: 12px;
}

.articleList .articleList .articleListDetail .contentText {
	line-height: 30px;
	color: #787878;
}

.articleList .articleList .articleListBottom {
	width: 780px;
	height: 5px;
	overflow: hidden;
	clear: both;
	background: url(../images/article_list_bg.gif) 0px -30px no-repeat;
}

/* ---------- ArticleContent ---------- */

.articleContent .body {
	width: 1000px;
	margin: 0px auto;
}

.articleContent .bodyLeft {
	width: 210px;
	float: left;
}

.articleContent .bodyRight {
	width: 780px;
	float: right;
}

.articleContent .articleContentDetail {
	width: 780px;
	float: right;
}

.articleContent .articleContentDetail .articleContentTop {
	width: 780px;
	height: 3px;
	overflow: hidden;
	clear: both;
	background: url(../images/article_content_bg.gif) 0px 0px no-repeat;
}

.articleContent .articleContentDetail .articleContentMiddle {
	width: 750px;
	clear: both;
	padding: 15px;
	background: url(../images/article_content_y_bg.gif) 0px 0px repeat-y;
}

.articleContent .articleContentDetail .title {
	line-height: 30px;
	clear: both;
	color: #000000;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.articleContent .articleContentDetail .info {
	line-height: 30px;
	text-align: center;
	color: #787878;
	border-bottom: 1px solid #e9e9e9;
}

.articleContent .articleContentDetail .createDate {
	padding: 0px 3px;
}

.articleContent .articleContentDetail .author {
	padding: 0px 3px;
}

.articleContent .articleContentDetail .fontSize {
	padding: 0px 3px;
}

.articleContent .articleContentDetail .content {
	line-height: 28px;
	padding: 5px;
	font-size: 14px;
	color: #2a2a2a;
}

.articleContent .articleContentDetail .articleContentBottom {
	width: 780px;
	height: 5px;
	overflow: hidden;
	clear: both;
	background: url(../images/article_content_bg.gif) 0px -30px no-repeat;
}

/* ---------- CartItemList ---------- */

.cartItemList .body {
	width: 1000px;
	margin: 0px auto;
}

.cartItemList .cartItemListBar {
	width: 1000px;
	height: 56px;
	clear: both;
	background: url(../images/cart_item_bg.gif) 0px -90px no-repeat;
}

.cartItemList .cartItemListDetail {
	width: 1000px;
	clear: both;
}

.cartItemList .cartItemListDetail .top {
	width: 1000px;
	height: 41px;
	clear: both;
}

.cartItemList .cartItemListDetail .top .topLeft {
	width: 4px;
	height: 41px;
	float: left;
	background: url(../images/cart_item_bg.gif) 0px 0px no-repeat;
}

.cartItemList .cartItemListDetail .top .topMiddle {
	width: 984px;
	height: 41px;
	line-height: 41px;
	float: left;
	padding-left: 8px;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/cart_item_x_bg.gif) 0px 0px repeat-x;
}

.cartItemList .cartItemListDetail .top .topRight {
	width: 4px;
	height: 41px;
	float: right;
	background: url(../images/cart_item_bg.gif) -30px 0px no-repeat;
}

.cartItemList .cartItemListDetail .middle {
	width: 980px;
	padding: 0px 10px 10px 10px;
	clear: both;
	background: url(../images/cart_item_y_bg.gif) 0px 0px repeat-y;
}

.cartItemList .cartItemListDetail .bottom {
	width: 1000px;
	height: 15px;
	clear: both;
}

.cartItemList .cartItemListDetail .bottom .bottomLeft {
	width: 4px;
	height: 15px;
	float: left;
	background: url(../images/cart_item_bg.gif) 0px -60px no-repeat;
}

.cartItemList .cartItemListDetail .bottom .bottomMiddle {
	width: 992px;
	height: 15px;
	float: left;
	background: url(../images/cart_item_x_bg.gif) 0px -60px repeat-x;
}

.cartItemList .cartItemListDetail .bottom .bottomRight {
	width: 4px;
	height: 15px;
	float: right;
	background: url(../images/cart_item_bg.gif) -30px -60px no-repeat;
}

.cartItemList .listTable {
	width: 100%;
}

.cartItemList .listTable th {
	line-height: 30px;
	color: #cd0000;
	border: 1px solid #d4d4d4;
	background-color: #f2f2f2;
}

.cartItemList .listTable td {
	padding: 5px;
	text-align: center;
	color: #595959;
	border: 1px solid #d4d4d4;
}

.cartItemList .listTable td.goodsImage {
	width: 65px;
}

.cartItemList .listTable td.goodsImage img {
	width: 60px;
	height: 60px;
	padding: 1px;
	border: 1px solid #eeeeee;
}

.cartItemList .listTable td.goodsImage img:hover {
	border: 1px solid #ff9900;
}

.cartItemList .listTable input.quantity {
	width: 22px;
	height: 12px;
	line-height: 12px;
}

.cartItemList .listTable .priceTd {
	color: #ff0000;
	background-color: #fefbf3;
}

.cartItemList .listTable .noRecord {
	line-height: 30px;
	color: #ff0000;
	text-align: center;
}

.cartItemList .listTable .info {
	line-height: 30px;
	text-align: right;
}

.cartItemList .continueShopping {
	float: left;
	margin-right: 10px;
}

.cartItemList .clearCartItem {
	float: left;
}

.cartItemList .continueShopping span.icon {
	width: 25px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/cart_item_bg.gif) -60px 0px no-repeat;
}

.cartItemList .clearCartItem span.icon {
	width: 25px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/cart_item_bg.gif) -90px 0px no-repeat;
}

.cartItemList a.formButton {
	width: 83px;
	height: 32px;
	line-height: 32px;
	display: block;
	float: right;
	margin-right: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 5px;
	color: #ffffff;
	outline: none;
	cursor: pointer;
	border: none;
	background: url(../images/cart_item_bg.gif) -120px 0px no-repeat;
}

.cartItemList a.formButton:hover {
	color: #ffffff;
	background: url(../images/cart_item_bg.gif) -210px 0px no-repeat;
}

.cartItemList .changeQuantityTip {
	width: 172px;
	height: 67px;
	display: none;
	position: absolute;
}

.cartItemList .changeQuantityTip .tipArrow {
	width: 9px;
	height: 6px;
	position: absolute;
	z-index: 1;
	left: 76px;
	top: 0px;
	background: url(../images/cart_item_bg.gif) -60px -60px no-repeat;
}

.cartItemList .changeQuantityTip .tipClose {
	width: 7px;
	height: 6px;
	position: absolute;
	z-index: 1;
	right: 3px;
	top: 3px;
	cursor: pointer;
	background: url(../images/cart_item_bg.gif) -90px -60px no-repeat;
}

.cartItemList .changeQuantityTip .tipDetail {
	width: 160px;
	height: 50px;
	line-height: 25px;
	padding: 5px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 5px;
	color: #444444;
	border: 1px solid #f78e01;
	background-color: #fffddd;
}

/* ---------- MemberCenter ---------- */

.memberCenter .body {
	width: 1000px;
	margin: 0px auto;
}

.memberCenter .bodyLeft {
	width: 210px;
	float: left;
}

.memberCenter .bodyRight {
	width: 780px;
	float: right;
}

.memberCenter .memberInfo {
	width: 210px;
	clear: both;
	color: #595959;
}

.memberCenter .memberInfo a {
	color: #32517f;
}

.memberCenter .memberInfo .top {
	width: 210px;
	height: 10px;
	clear: both;
	overflow: hidden;
	background: url(../images/member_center_bg.gif) no-repeat 0px 0px;
}

.memberCenter .memberInfo .middle {
	width: 190px;
	line-height: 20px;
	padding-left: 20px;
	clear: both;
	background: url(../images/member_center_y_bg.gif) repeat-y 0px 0px;
}

.memberCenter .memberInfo .username {
	font-weight: bold;
}

.memberCenter .memberInfo .bottom {
	width: 210px;
	height: 20px;
	clear: both;
	overflow: hidden;
	background: url(../images/member_center_bg.gif) no-repeat 0px -30px;
}

.memberCenter .memberMenu {
	width: 210px;
	clear: both;
	color: #595959;
}

.memberCenter .memberMenu .top {
	width: 180px;
	height: 29px;
	line-height: 29px;
	clear: both;
	padding-left: 30px;
	overflow: hidden;
	background: url(../images/member_center_bg.gif) no-repeat 0px -60px;
}

.memberCenter .memberMenu .middle {
	width: 210px;
	line-height: 20px;
	clear: both;
	background: url(../images/member_center_y_bg.gif) repeat-y 0px -210px;
}

.memberCenter .memberMenu li {
	line-height: 30px;
}

.memberCenter .memberMenu li li {
	line-height: 30px;
	padding-left: 30px;
}

.memberCenter .memberMenu li li:hover, .memberCenter .memberMenu li li.current{
	background: url(../images/member_center_bg.gif) no-repeat 0px -120px;
}

.memberCenter .memberMenu .order {
	width: 210px;
	padding-top: 30px;
	background: url(../images/member_menu_order_bg.gif) no-repeat 0px 0px;
}

.memberCenter .memberMenu .favorite {
	width: 210px;
	padding-top: 30px;
	background: url(../images/member_menu_favorite_bg.gif) no-repeat 0px 0px;
}

.memberCenter .memberMenu .message {
	width: 210px;
	padding-top: 30px;
	background: url(../images/member_menu_message_bg.gif) no-repeat 0px 0px;
}

.memberCenter .memberMenu .profile {
	width: 210px;
	padding-top: 30px;
	background: url(../images/member_menu_profile_bg.gif) no-repeat 0px 0px;
}

.memberCenter .memberMenu .deposit {
	width: 210px;
	padding-top: 30px;
	background: url(../images/member_menu_deposit_bg.gif) no-repeat 0px 0px;
}

.memberCenter .memberMenu .bottom {
	width: 210px;
	height: 20px;
	clear: both;
	overflow: hidden;
	background: url(../images/member_center_bg.gif) no-repeat 0px -90px;
}

.memberCenter .memberCenterDetail .top {
	width: 740px;
	height: 45px;
	line-height: 40px;
	padding-left: 40px;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #595959;
	overflow: hidden;
	background: url(../images/member_center_bg.gif) no-repeat 0px -150px;
}

.memberCenter .memberCenterDetail .middle {
	width: 760px;
	clear: both;
	padding: 0px 10px;
	background: url(../images/member_center_y_bg.gif) repeat-y -420px 0px;
}

.memberCenter .memberCenterDetail .bottom {
	width: 780px;
	height: 18px;
	clear: both;
	overflow: hidden;
	background: url(../images/member_center_bg.gif) no-repeat 0px -210px;
}

.memberCenter table.listTable {
	width: 100%;
	border: 1px solid #e8e8e8;
}

.memberCenter table.listTable th {
	line-height: 30px;
	padding-left: 10px;
	text-align: left;
	border-bottom: 1px solid #f1f1f1;
	background-color: #f6f6f6;
}

.memberCenter table.listTable td {
	line-height: 28px;
	padding: 3px 10px;
	text-align: left;
	color: #595959;
	word-break: break-all;
	border-bottom: 1px solid #f1f1f1;
}

.memberCenter table.listTable tr:hover {
	background-color: #ffffd4
}

.memberCenter table.listTable .title {
	width: 70px;
	font-weight: bold;
}

.memberCenter table.inputTable {
	width: 100%;
	border: 1px solid #e8e8e8;
}

.memberCenter table.inputTable th {
	width: 150px;
	line-height: 30px;
	padding-right: 10px;
	text-align: right;
	color: #333333;
	background-color: #fafafa;
}

.memberCenter table.inputTable tr:hover th {
	background-color: #eeeeee;
}

.memberCenter table.inputTable td {
	line-height: 28px;
	padding: 3px 5px;
	text-align: left;
	color: #595959;
}

.memberCenter table.inputTable tr:hover td {
	background-color: #fafafa;
}

.memberCenter ul.tab {
	height: 29px;
	padding-left: 161px;
	background: url(../images//member_center_x_bg.gif) 0px 0px repeat-x;
}

.memberCenter ul.tab li {
	float: left;
}

.memberCenter ul.tab input {
	width: 100px;
	height: 29px;
	line-height: 29px;
	display: block;
	text-align: center;
	font-weight: bold;
	outline: none;
	cursor: pointer;
	border: none;
	background: url(../images/member_center_bg.gif) -430px 0px no-repeat;
}

.memberCenter ul.tab input.current {
	background: url(../images/member_center_bg.gif) -330px 0px no-repeat;
}

.memberCenter .tabContent {
	border-top: none;
	display: none;
}

.memberCenter .addButton {
	width: 76px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	font-size: 12px;
	color: #cb2b00;
	outline: none;
	cursor: pointer;
	border: none;
	background: url(../images/member_center_bg.gif) no-repeat -210px -30px;
}

.memberCenter .addButton:hover {
	background: url(../images/member_center_bg.gif) no-repeat -300px -30px;
}

.memberCenter .submitButton {
	width: 60px;
	height: 25px;
	line-height: 25px;
	display: block;
	float: left;
	font-size: 12px;
	color: #ffffff;
	outline: none;
	cursor: pointer;
	border: none;
	background: url(../images/member_center_bg.gif) no-repeat -210px 0px;
}

.memberCenter .submitButton:hover {
	background: url(../images/member_center_bg.gif) no-repeat -270px 0px;
}

.memberCenter .backButton {
	width: 60px;
	height: 25px;
	line-height: 25px;
	display: block;
	margin-left: 30px;
	float: left;
	font-size: 12px;
	color: #ffffff;
	outline: none;
	cursor: pointer;
	border: none;
	background: url(../images/member_center_bg.gif) no-repeat -210px 0px;
}

.memberCenter .backButton:hover {
	background: url(../images/member_center_bg.gif) no-repeat -270px 0px;
}

.memberCenter .downIcon {
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/member_center_bg.gif) no-repeat -210px -60px;
}

.memberCenter .upIcon {
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/member_center_bg.gif) no-repeat -210px -90px;
}

.memberCenter .favoriteList td {
	padding: 5px 5px 4px 5px;
	border-bottom: 1px dashed #e3e3e3;
}

.memberCenter .favoriteList .goodsImage img {
	width: 100px;
	height: 100px;
	padding: 2px;
	border: 1px solid #e3e3e3;
}

.memberCenter .goodsNotifyList td {
	padding: 5px 5px 4px 5px;
	border-bottom: 1px dashed #e3e3e3;
}

.memberCenter .goodsNotifyList .goodsImage img {
	width: 100px;
	height: 100px;
	padding: 2px;
	border: 1px solid #e3e3e3;
}

.memberCenter .depositRecharge .paymentConfigTable {
	width: 100%;
}

.memberCenter .depositRecharge .paymentConfigTable td.nameTd {
	width: 150px;
	line-height: 30px;
	text-align: left;
	border: 1px solid #e3e3e3;
	background-color: #fafafa;
}

.memberCenter .depositRecharge .paymentConfigTable td {
	line-height: 30px;
	border: 1px solid #e3e3e3;
}

.memberCenter .orderList .operationInfo {
	line-height: 25px;
	padding: 10px;
	border: 1px solid #ff8c00;
	background-color: #fffaef;
}

.memberCenter .orderList .operationInfo:hover {
	background-color: #fffcf7;
}

/* ---------- OrderInfo ---------- */

.orderInfo .body {
	width: 1000px;
	margin: 0px auto;
}

.orderInfo .orderInfoTable {
	width: 1000px;
	clear: both;
	border-top: 2px solid #d13333;
}

.orderInfo .orderInfoTable th {
	line-height: 28px;
	padding: 5px;
	border: 1px solid #d4d4d4;
	background-color: #fffaf1;
}

.orderInfo .orderInfoTable td {
	line-height: 28px;
	padding: 5px;
	border: 1px solid #d4d4d4;
}

.orderInfo .otherReceiverTable {
	width: 100%;
	clear: both;
	display: none;
	border: 1px solid #d4d4d4;
}

.orderInfo .otherReceiverTable th {
	width: 120px;
	text-align: right;
	border: none;
	background-color: #f5f5f5;
}

.orderInfo .otherReceiverTable td {
	border: none;
}

.orderInfo .deliveryTypeTable {
	width: 100%;
	clear: both;
	border: 1px solid #d4d4d4;
}

.orderInfo .deliveryTypeTable th {
	width: 200px;
	text-align: left;
	border: none;
	background-color: #f5f5f5;
}

.orderInfo .paymentConfigTable {
	width: 100%;
	clear: both;
	border: 1px solid #d4d4d4;
}

.orderInfo .paymentConfigTable th {
	width: 200px;
	text-align: left;
	border: none;
	background-color: #f5f5f5;
}

.orderInfo .cartItemTable {
	width: 1000px;
	clear: both;
	border-top: 2px solid #d13333;
}

.orderInfo .cartItemTable th {
	line-height: 30px;
	border: 1px solid #d4d4d4;
	background-color: #fffaf1;
}

.orderInfo .cartItemTable td {
	line-height: 28px;
	padding: 5px;
	text-align: center;
	border: 1px solid #d4d4d4;
}

.orderInfo .cartItemTable td.goodsImage {
	width: 65px;
}

.orderInfo .cartItemTable td.goodsImage img {
	width: 60px;
	height: 60px;
	padding: 1px;
	border: 1px solid #eeeeee;
}

.orderInfo .cartItemTable td.goodsImage img:hover {
	border: 1px solid #ff9900;
}

.orderInfo .cartItemTable .quantity {
	width: 22px;
	height: 12px;
	line-height: 12px;
}

.orderInfo .cartItemTable .info {
	line-height: 30px;
	text-align: right;
}

.orderInfo .backCartItem {
	float: left;
}

.orderInfo .backCartItem span.icon {
	width: 25px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/order_bg.gif) 0px 0px no-repeat;
}

.orderInfo input.formButton {
	width: 89px;
	height: 32px;
	display: block;
	float: right;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 5px;
	color: #ffffff;
	outline: none;
	cursor: pointer;
	border: none;
	background: url(../images/order_bg.gif) -30px 0px no-repeat;
}

.orderInfo input.formButton:hover {
	background: url(../images/order_bg.gif) -120px 0px no-repeat;
}

.orderResult .body {
	width: 1000px;
	margin: 0px auto;
}

.orderResult .message {
	height: 50px;
	line-height: 50px;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #a9bcdd;
	background-color: #f7f8fc;
}

/* ---------- OrderResult ---------- */

.orderResult .message .icon {
	width: 51px;
	height: 51px;
	line-height: 51px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/order_bg.gif) no-repeat 0px -60px;
}

.orderResult .listTable {
	width: 100%;
}

.orderResult .listTable th {
	padding: 10px;
	text-align: left;
	font-size: 14px;
	border: 1px solid #dbdbdb;
	background-color: #f7f8fc;
}

.orderResult .listTable td {
	padding: 10px;
	border: 1px solid #dbdbdb;
}

.orderResult .listTable .title {
	width: 100px;
	color: #666666;
}

.orderResult input.formButton {
	width: 89px;
	height: 32px;
	display: block;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ffffff;
	outline: none;
	cursor: pointer;
	border: none;
	background: url(../images/order_bg.gif) -30px 0px no-repeat;
}

.orderResult input.formButton:hover {
	background: url(../images/order_bg.gif) -120px 0px no-repeat;
}

/* ---------- PaymentResult ---------- */

.paymentResult .body {
	width: 1000px;
	margin: 0px auto;
}

.paymentResult .paymentResultDetail {
	width: 896px;
	line-height: 60px;
	padding: 10px 50px;
	border: 2px solid #a1bee0;
	background: url(../images/payment_x_bg.gif) 0px 0px repeat-x #eaeef9;
}

.paymentResult .paymentResultDetail h2 {
	font-size: 14px;
	font-weight: bold;
}

.paymentResult .paymentResultDetail .icon {
	width: 55px;
	height: 55px;
	line-height: 55px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
}

.paymentResult .paymentResultDetail .success {
	background: url(../images/payment_bg.gif) no-repeat 0px -30px;
}

.paymentResult .paymentResultDetail .error {
	background: url(../images/payment_bg.gif) no-repeat -60px -30px;
}

.paymentResult .paymentResultDetail .warn {
	background: url(../images/payment_bg.gif) no-repeat -120px -30px;
}

.paymentResult .paymentResultDetail .buttonArea {
	padding-top: 5px;
	border-top: 1px dashed #cfd2d7;
}

.paymentResult input.formButton {
	width: 81px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	outline: none;
	cursor: pointer;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	border: none;
	background: url(../images/payment_bg.gif) 0px 0px no-repeat;
}

.paymentResult input.formButton:hover {
	background: url(../images/payment_bg.gif) -90px 0px no-repeat;
}

/* ---------- Pager ---------- */

.pager {
	float: right;
	clear: both;
}

.pager li {
	line-height: 18px;
	display: block;
	float: left;
	padding: 0px 5px;
	margin: 0px 3px;
	font-size: 12px;
	border: 1px solid #cccccc;
}

.pager li:hover {
	color: #ff9900;
	border: 1px solid #ff9900;
}

.pager li:hover a {
	color: #ff9900;
}

.pager li a {
	color: #464646;
}

.pager li span {
	color: #cfcfcf;
}

.pager li.currentPage {
	border: 1px solid #ff9900;
	background-color: #ff9900;
}

.pager li.currentPage span {
	font-weight: bold;
	color: #ffffff;
}

.pager li.pageInfo {
	margin-right: 5px;
	color: #464646;
	border: none;
	background: none;
}

/* ---------- InstantMessaging ---------- */

.instantMessagingLayer {
	height: 136px;
	display: none;
	position: absolute;
	z-index: 100;
	top: 215px;
}

.leftInstantMessagingLayer {
	left: 0px;
}

.rightInstantMessagingLayer {
	right: 0px;
}

.instantMessagingMin {
	height: 136px;
	width: 26px;
	background: url(../images/instant_messaging_bg.gif) 0px 0px no-repeat;
}

.leftInstantMessagingLayer .instantMessagingMin {
	background-position: left -120px;
}

.rightInstantMessagingLayer .instantMessagingMin {
	background-position: right -270px;
}

.instantMessagingMain {
	display: none;
}

.instantMessagingMain .top {
	width: 123px;
	height: 29px;
	clear: both;
	background: url(../images/instant_messaging_bg.gif) 0px 0px no-repeat;
}

.instantMessagingMain .middle {
	width: 115px;
	clear: both;
	padding: 0px 4px;
	background: url(../images/instant_messaging_y_bg.gif) 0px 0px repeat-y;
}

.instantMessagingMain .middle dl {
	line-height: 30px;
	width: 115px;
	clear: both;
}

.instantMessagingMain .middle dl dt {
	height: 30px;
	width: 105px;
	clear: both;
	padding-left: 10px;
	overflow: hidden;
	background: url(../images/instant_messaging_bg.gif) 0px -60px no-repeat;
}

.instantMessagingMain .middle dl dd {
	padding: 0px 0px 0px 10px;
	_padding: 5px 0px 5px 10px;
}

.instantMessagingMain .bottom {
	width: 123px;
	height: 22px;
	clear: both;
	cursor: pointer;
	background: url(../images/instant_messaging_bg.gif) 0px -30px no-repeat;
}

/* ---------- SinglePage ---------- */

.singlePage .body {
	width: 1000px;
	margin: 0px auto;
}

.singlePage .titleBar {
	width: 1000px;
	clear: both;
}

.singlePage .titleBar .left {
	width: 10px;
	height: 55px;
	line-height: 55px;
	float: left;
	background: url(../images/single_page_bg.gif) no-repeat 0px 0px;
}

.singlePage .titleBar .middle {
	width: 980px;
	height: 55px;
	line-height: 30px;
	float: left;
	font-weight: bold;
	color: #2f2f2f;
	background: url(../images/single_page_x_bg.gif) repeat-x 0px 0px;
}

.singlePage .titleBar .right {
	width: 10px;
	height: 55px;
	line-height: 55px;
	float: right;
	background: url(../images/single_page_bg.gif) no-repeat -30px 0px;
}

.singlePage .titleBar .middle .icon {
	width: 15px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/single_page_bg.gif) no-repeat -60px 0px;
}

.singlePage table.inputTable {
	width: 100%;
	word-break: break-all;
}

.singlePage table.inputTable th {
	width: 180px;
	padding: 5px;
	text-align: right;
}

.singlePage table.inputTable td {
	padding: 5px;
	text-align: left;
}

.singlePage table.singlePageDetail {
	padding: 10px;
	border: 1px solid #cccccc;
}

.singlePage .submitButton {
	width: 80px;
	height: 28px;
	line-height: 28px;
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #cb2b00;
	outline: none;
	cursor: pointer;
	border: none;
	background: url(../images/single_page_bg.gif) no-repeat -90px 0px;
}

.singlePage .submitButton:hover {
	background: url(../images/single_page_bg.gif) no-repeat -90px -30px;
}

/* ---------- ErrorPage ---------- */

.errorPage .errorBox {
	height: 87px;
	line-height: 30px;
	width: 347px;
	padding: 80px 38px 33px 115px;
	margin: 100px auto;
	background: url(../images/error_page_bg.gif) no-repeat 0px 0px;
}

.errorPage .errorMessage {
	line-height: 50px;
	color: #fb6600;
	font-size: 14px;
	font-weight: bold;
}

.errorPage .errorUrl {
	color: #333333;
}

.errorPage .errorUrl a {
	color: #fb6600;
}

/* ---------- CommentList ---------- */

.commentList .commentItem {
	line-height: 18px;
	padding: 5px 10px;
	word-break: break-all;
	border: 1px solid #c7dbe5;
	background-color: #ecf2f8;
}

.commentList .commentItem .reply {
	line-height: 18px;
	padding: 5px 10px;
	margin: 3px 0px;
	word-break: break-all;
	border: 1px solid #c7dbe5;
	background-color: #ffffff;
}

.commentList .sendTable {
	width: 100%;
	line-height: 30px;
	border: 1px solid #c7dbe5;
}

.commentList .sendTable .title td {
	height: 30px;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	background-color: #ecf2f8;
}

.commentList .sendTable .sendComment {
	display: none;
	font-weight: normal;
	color: red;
}

.commentList .sendTable th {
	text-align: right;
	font-weight: normal;
}

.commentList .sendTable td {
	padding: 5px;
}

.commentList .sendTable .captcha {
	width: 95px;
	margin-right: 5px;
	text-transform: uppercase;
}

.commentList .sendTable .captchaImage {
	vertical-align: middle;
	cursor: pointer;
}